<template>
  <div class="body">
    <div class="user">
    <div class="title">
      我的个人信息
    </div>
    <div class="conent">
    <i class="el-icon-user-solid"></i>
    <h2>您好,{{admin}}</h2>
    所属角色: <span v-if="userType==0">超级管理员</span>
    <span v-else>管理员</span>
    </div>
    </div>
    <div class="system">
    <div class="title">
      系统信息
    </div>
    <div class="conent">
      <ul>
        <li>程序版本: <b>陌滋 V1.0</b></li>
        <li>操作系统: <b>Linux</b></li>
        <li>服务器软件: <b>nginx/1.14.2</b></li>
        <li>java版本: <b>1.8.221</b></li>
        <li>上传文件: <b>50M</b></li>
      </ul>
    </div>
    </div>
    <div class="user">
    <div class="title">
      安全提示
    </div>
    <div class="conent" style="font-size: 14px;">

      ※强烈建议您网站上线后，建议关闭 DEBUG （前台SQL错误提示）<br>
      ※ 任何修改前请备份程序，并采用专业的编码工具修改。
    </div>
    </div>
  </div>
 <!-- <div class="body-nav all">
    <div class="admin">
      <div class="nav-1">
        <h3>我的个人信息</h3>
        <div class="nk">
          您好，admin  <br>
          所属角色：超级管理员
        </div>
        <div class="nk">
        上次登录时间：2020-04-05 15:32:25 <br>
        上次登录IP:192.168.1.1
        </div>
      </div>
      <div class=" admin-1 nav-1">
        <h3>安全提示</h3>
        <div class="nk">
         ※强烈建议您网站上线后，建议关闭 DEBUG （前台SQL错误提示）<br>
         ※ 任何修改前请备份程序，并采用专业的编码工具修改。
        </div>
      </div>

    </div>

    <div class="nav-2">
      <h3>系统信息</h3>
      <div class="nk1">
        程序版本：陌滋 V1.0 <br>
        操作系统：Linux <br>
        服务器软件：nginx/1.14.2 <br>
        java 版本：1.8.221 <br>
        上传文件：50M <br>
      </div>
    </div>
  </div> -->
</template>

<script>
  import Cookies from 'js-cookie'
export default{
  data(){
    return{
      admin:Cookies.get('adminName'),
      userType:Cookies.get('userType')
    }
  }
}
</script>

<style lang="scss" scoped>
  .body{
    width: 100%;
    height: 100%;
    .title{
      border-left: 8px solid #317ef3;
      padding-left: 5px;
      font-weight: 700;
    }
  }
  .user{
    background-color: #fff;
    border-radius: 8px;
    height: 90%;
    width: 30%;
    padding: 1.5% 0;
    margin: 0 1%;
    .conent{
      text-align: center;
      padding-top: 5%;
      i{
        font-size: 60px;
      }
      h2{
        margin: 1% 0;
      }
    }
  }
  .system{
    background-color: #fff;
    border-radius: 8px;
    height: 90%;
    width: 40%;
    padding: 1.5% 0;
    margin: 0 1%;
    .conent{
      padding: 15%;
      ul{
        width: 60%;
        margin: auto;
        letter-spacing: 3px;
      }
    }
  }
</style>
